<template>
    <section id="select-company">
        <div class="container">
            <h1 class="title">他们也选择了云竹</h1>

            <div class="slt-company-slider">
                <div class="swiper-container slt-swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="/khoroshoblogs/image/1-1.png" alt="img">
                        </div>

                        <div class="swiper-slide">
                            <img src="/khoroshoblogs/image/1-2.png" alt="img">
                        </div>

                        <div class="swiper-slide">
                            <img src="/khoroshoblogs/image/1-3.png" alt="img">
                        </div>

                        <div class="swiper-slide">
                            <img src="/khoroshoblogs/image/1-2.png" alt="img">
                        </div>

                        <div class="swiper-slide">
                            <img src="/khoroshoblogs/image/1-3.png" alt="img">
                        </div>

                        <div class="swiper-slide">
                            <img src="/khoroshoblogs/image/1-2.png" alt="img">
                        </div>

                        <div class="swiper-slide">
                            <img src="/khoroshoblogs/image/1-1.png" alt="img">
                        </div>

                        <div class="swiper-slide">
                            <img src="/khoroshoblogs/image/1-1.png" alt="img">
                        </div>

                        <div class="swiper-slide">
                            <img src="/khoroshoblogs/image/1-2.png" alt="img">
                        </div>

                        <div class="swiper-slide">
                            <img src="/khoroshoblogs/image/1-3.png" alt="img">
                        </div>
                    </div>

                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </div>
    </section>
</template>

<script>
    var sltSwiper = new Swiper('.slt-swiper-container', {
        loop: true,
        pagination: '.swiper-pagination',
        prevButton:'.swiper-button-prev',
        nextButton:'.swiper-button-next',
        slidesPerView: 4,
        centeredSlides: true,
        paginationClickable: true,
        spaceBetween: 30
    });
</script>
